<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影详情</title>
    <link rel="stylesheet" href="../css/detail.min.css">
    <link rel="shortcut icon" href="../img/f11.ico" type="image/x-icon">
    <script src="../utill/flexible.js"></script>
    <script src="../utill/jquery-3.5.1.min.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <div class="top">
        <button id="back"></button>
        <div class="head">
            <div class="left">
                <img src="" alt="">
            </div>
            <div class="right">
                <h4></h4>
                <ul>
                    <li>
                        <span>类型</span>
                        <div class="type"></div>
                    </li>
                    <li>
                        <span>片长</span>
                        <div class="duration"></div>
                    </li>
                    <li>
                        <span>评分</span>
                        <div class="score"></div>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <!-- 主要内容 -->
    <div class="main">
        <div class="tab">
            <p class="active">排片</p>
            <p>简介</p>
        </div>
        <div class="tab-content">
            <!-- 排片 -->
            <div>
                <div>
                    <ul class="content-nav">
                        <li class="active">
                            <p>星期一<br>04-16</p>
                        </li>
                        <li>
                            <p>星期二<br>04-16</p>
                        </li>
                        <li>
                            <p>星期三<br>04-16</p>
                        </li>
                        <li>
                            <p>星期四<br>04-16</p>
                        </li>
                        <li>
                            <p>星期五<br>04-16</p>
                        </li>
                        <li>
                            <p>星期六<br>04-16</p>
                        </li>
                        <li>
                            <p>星期天<br>04-16</p>
                        </li>

                    </ul>
                    <div class="cinema">
                        <!-- 遍历内容 -->
                        <div class="c-item">
                            <h4>万达影城（双流万达广场杜比影院店）</h4>
                            <div class="address">
                                <img src="../img/detail/position.png" alt="">
                                <span>54.0km • 双流区星空路二段万达广场四楼</span>
                            </div>
                            <p><span class="movie-language"></span> • ￥<span class="movie-price"></span></p>
                            <div class="button-box">
                                <button>9:00</button>
                                <button>10:00</button>
                                <button>11:00</button>
                                <button>12:00</button>
                                <button>13:00</button>
                                <button>14:00</button>
                                <button>15:00</button>
                                <button>16:00</button>
                            </div>
                        </div>
                        <div class="c-item">
                            <h4>太平洋影城（北欧知识城店）</h4>
                            <div class="address">
                                <img src="../img/detail/position.png" alt="">
                                <span>54.0km • 新都区斑竹园镇中利路169号</span>
                            </div>
                            <p><span class="movie-language"></span> • ￥<span class="movie-price"></span></p>
                            <div class="button-box">
                                <button>9:00</button>
                                <button>10:00</button>
                                <button>11:00</button>
                                <button>12:00</button>
                                <button>13:00</button>
                                <button>14:00</button>
                                <button>15:00</button>
                                <button>16:00</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer">
                    <button id="chooseBtn">立即选座</button>
                </div>
            </div>
            <!-- 简介 -->
            <div class="detail-infor">

            </div>
        </div>
    </div>



    <script src="../js/details.js"></script>
    <script src="../js/tab.js"></script>

</body>

</html>